@import '/styles/mixins.less';
@import '/styles/variables.less';
.p-confirm-index{
  background-color: #f5f5f5;
  .p-confirm-index-header {
    height: 290rpx;
    background: url(/images/time-index-bg.png) no-repeat;
    background-size: 100%;
    padding-left: 54rpx;
    padding-top: 40rpx;
    .p-confirm-index-header-title {
      .flex(center, flex-start);
      .img {
        width: 120rpx;
        height: 120rpx;
        border-radius: 50%;
        border: 6rpx solid #fff;
        overflow: hidden;
        image {
          width: 100%;
          height: 100%;
        }
      }
      .text {
        padding-left: 30rpx;
        .title {
          font-size: 34rpx;
          color: #fff;
        }
        .desc {
          font-size: 24rpx;
          color: rgba(255,255,255,0.6);
          padding-top: 8rpx;
        }
      }
    }
  }
  .p-confirm-index-warp {
    padding: 0 24rpx;
    margin-top: -120rpx;
    .p-confirm-index-gap {
      margin-bottom: 24rpx;
    }
    .p-confirm-label {
      color: #999;
    }
    .form-info-item {
      padding: 12rpx 0;
      border-bottom: 0;
    }
    .a-input-wrap {
      text-align: right;
    }
  }
}

.temp-btn-boxFixed {
  left: 0;
  box-sizing: border-box;
  padding: 24rpx;
  .page-hasBar-bottom-Padding();
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: @bc-def;
}